<template>
  <div class="wrapper" ref="wrapper">
    <ul class="content">
     
    </ul>
  </div>
</template>

<script>
  import BScroll from 'better-scroll';
  const bs = new BScroll(document.querySelector('.wrapper'),{
      })
    export default {
        name: "Category",
        data(){
          return{
            scroll:null
          }
        },
        
    //     mounted(){
    //   //   const bs = new BScroll(document.querySelector('.wrapper'),{
    //   //   probeType : 2,
    //   //   click:true,
    //   //   pullUpLoad: true,
    //   //   scrollY:true

    //   // }),
    //   this.scroll.on('scroll',position=>{
    //     // this.$emit("scroll",position)
    //     console.log(position);
    //   }) 
    // }
    }
</script>

<style scoped>
.content{
  background-color: red;
  height: 200px;
  overflow: hidden;
}
</style>
